<template>
  <h1>登录</h1>
  <el-button link>按钮</el-button>
  <div>
    <el-icon>
      <i-ep-aim />
    </el-icon>
    <IEpEdit />
    <el-button :icon="Edit" circle />
  </div>

  <div>
    <el-button :icon="Search" circle />
    <el-button type="primary" :icon="Edit" circle />
    <el-button type="success" :icon="Check" circle />
    <el-button type="info" :icon="Message" circle />
    <el-button type="warning" :icon="Star" circle />
    <el-button type="danger" :icon="Delete" circle />
  </div>

  <div>
    <p>store: {{ store.appStore.name }}</p>
    <el-button @click="changeStore('666')">change store</el-button>
  </div>

  <base-no-data>请先选择数据</base-no-data>
</template>
<script lang="ts" setup>
import { Search, Edit, Check, Message, Star, Delete } from '@element-plus/icons-vue'

import store from '@/store'

const changeStore = (name: string) => {
  store.appStore.setName(name)
}
</script>
